<template>
	<view class="uni-flex uni-column"
		style="height:100%;width:100%;justify-content:space-between;align-items:center;">
		<view>
			<uni-card  :is-shadow="false" title="订单信息">
				<text class="uni-body">这是一个基础卡片示例，此示例展示了一个标题加标题额外信息的标准卡片。</text>
			</uni-card>
			<uni-card :is-shadow="false" title="取消原因">
				<radio-group @change="radioChange">
					<label class="uni-list-cell" style="padding:16rpx 0rpx;justify-content:start;" v-for="(item, index) in items">
						<view>
							<radio :value="item.value" />
						</view>
						<view>{{item.name}}</view>
					</label>
				</radio-group>
			</uni-card>
		</view>
		
		<view style="width:90%;">
			<button type="primary" style="font-size:12pt;background-color:#FF4D4F;"
				@click="save">取消订单</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				items: [
					{
						name: "地址错误",
					},
					{
						name: "货物错误",
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
